<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php require_once("ws-header_require.php"); ?>
<title><?php returnTitle('Dansk Café Service - alt det bedste herfra'); ?></title>
</head>
<body>
<div class="container">
	<?php require_once('ws-header.php'); ?>
	
	<div class="content">
		<?php require_once('ws-navigation.php'); ?>
		<div class="shopcart-list">
			<form action="">
			<div id="scrollbar1">
                <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
                <div class="viewport">
                    <div class="overview">                        
						<?php for($i = 0; $i < 10;$i++){?>
                        <div class="eachCart">                        		
                            <p class="eachCart-name">Græsk yoghurt, 10%</p>
                            <a class="eachClose"></a>
                            <div class="eachCart-box clear-fix">
                                <p class="eachCart-value">Pris: 11,86 kr</p>
                                <div class="eachCart-quantity clear-fix">
                                    <a class="btnDown">Down</a>
                                    <input class="inputSoluong" type="text" value="1" />
                                    <a class="btnUp">Up</a>
                                </div>
                            </div>                        		
                        </div>
                        <?php }?>
                    </div>
                </div>
            </div><!-- end div scrollbar -->
			<div class="shopcart-setting clear-fix">
				<textarea rows="" cols="" placeholder="Kommentar..."></textarea>
				<a id="btnShopcart-close">Close</a>
				<a id="btnCheckout" href="shopcart.php">Checkout</a>
			</div>
			</form>
		</div>
		<div class="main-content clear-fix" id="order-page">
			<div class="content-left">
				<!-- 		
				<div id="order-list-1">
					<ul>
						<li><a id="order-list-1-1">Økologiske varer</a></li>
						<li><a id="order-list-1-2">Fairtrade varer</a></li>
					</ul>
				</div>
				-->
				<div id="order-list-2">
					<ul class="main-order-list">
						<li>
							<a>Køl</a>
							<ul class="sub-list-order-2">
								<li class="frozen-ico"><a href="webshop.php">Mælk &amp; Fløde</a></li>
								<li><a href="webshop.php">Yoghurt, Æg &amp; Gær</a></li>
								<li><a href="webshop.php">Ost</a></li>
								<li class="frozen-ico"><a href="webshop.php">Smør og Fedststoffer</a></li>
								<li><a href="webshop.php">Pålæg &amp; Saucer</a></li>
							</ul>
						</li>
						<li>
							<a>Frost</a>
							<ul class="sub-list-order-2">
								<li><a href="webshop.php">Brød &amp; Kager</a></li>
								<li><a href="webshop.php">Is &amp; Dessert</a></li>
								<li><a href="webshop.php">Bær &amp; Frugt</a></li>
								<li><a href="webshop.php">Grøntsager</a></li>
								<li><a href="webshop.php">Supper</a></li>
								<li><a href="webshop.php">Fjerkræ</a></li>
								<li><a href="webshop.php">Fisk &amp; Skaldyr</a></li>
							</ul>
						</li>
						<li>
							<a>Frugt &amp; Grønt</a>
							<ul class="sub-list-order-2">
								<li><a href="webshop.php">Frugt</a></li>
								<li><a href="webshop.php">Grønt</a></li>
								<li><a href="webshop.php">Frugt &amp; Grønt - Frost</a></li>
							</ul>
						</li>
						<li>
							<a>Kolonial</a>
							<ul class="sub-list-order-2">
								<li><a href="webshop.php">Brød</a></li>
								<li><a href="webshop.php">Brød Bake-off - Frost</a></li>
								<li><a href="webshop.php">Kaffe &amp; The</a></li>
								<li><a href="webshop.php">Sukker &amp; Mel</a></li>
								<li><a href="webshop.php">Marmelade &amp; Honning</a></li>
								<li><a href="webshop.php">Pålæg</a></li>
								<li><a href="webshop.php">Saucer &amp; Dressinger</a></li>
								<li><a href="webshop.php">Oliven, Dressinger</a></li>
								<li><a href="webshop.php">Pasta, Ris &amp; Nudler</a></li>
							</ul>
						</li>
						<li>
							<a>Drikkevarer</a>
							<ul class="sub-list-order-2">
								<li><a href="webshop.php">Smoothies &amp; Juice</a></li>
								<li><a href="webshop.php">Kildevand &amp; Icetea</a></li>
								<li><a href="webshop.php">Sodavand &amp; Energidrik</a></li>
								<li><a href="webshop.php">Smoothies &amp; Kakaomælk</a></li>
							</ul>
						</li>						
					</ul>
				</div>
				<a href="webshop.php" id="stroke-week">Ugens Slagtilbud - Klik her</a>
			</div>
			<div class="content-right" id="order-right">
				<div class="subCategory">
					<h1>Kaffe &amp; Te</h1>
					<ul>
						<li><a class="activeSubcate" href="#Kontra">Kontra kaffe</a></li>
						<li><a href="#Kaffe">Kaffe Specialisten</a></li>
						<li><a href="#Lavazza">Lavazza</a></li>
						<li><a href="#Enzo">Enzo</a></li>
						<li><a href="#Te">Te</a></li>
						<li><a href="#Chai">Chai</a></li>
						<li><a href="#Pukka">Pukka</a></li>
					</ul>
					<div class="clear"></div>
				</div>				
				<div class="eachSub" id="Kontra">
					<h2>Kontra kaffe</h2>
					<div id="order-table">					
						<form action="">
							<ul class="table">
								<li class="table-caption clear-fix">
									<div class="table-col table-col-1">Varenr</div>
									<div class="table-col table-col-2">Varenavn</div>
									<div class="table-col table-col-3">Producent</div>
									<div class="table-col table-col-4">Enhed</div>
									<div class="table-col table-col-5">Enhed/colli</div>
									<div class="table-col table-col-6">Pris/enhed</div>
									<div class="table-col table-col-7">Antal colli</div>
								</li>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">											
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<div class="clear"></div>
										</div>									
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order">Order</a>
										<div id="prdDetail-1" class="reveal-modal prdDetail-div">
											 <?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-2">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>											
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order">Order</a>
										<div id="prdDetail-2" class="reveal-modal prdDetail-div">
											 <?php require ('product-detail.php'); ?>									
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<!-- 
									div sold out NOTES:
									<li> :  + sold-out									
									col-7:  + disable"disabled"																		
								 -->					
								<li class="table-row clear-fix sold-out">
									<div class="table-col table-col-1">
										<a class="info-ico">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">Udsolgt</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1" disabled="disabled"/>									
										<a class="table-order">Order</a>
										<div id="prdDetail-3" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>
										<div class="clear"></div>
									</div>
								</li>
								<!-- 
									div added NOTES:
									<li> :  + item-added
									a.table-order: +row-added								
								 -->
								<li class="table-row item-added clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-4">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order">Order</a>
										<div id="prdDetail-4" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>
										<div class="clear"></div>
									</div>
								</li>
								
								<!-- <li class="table-category">Frugt og grønt</li>  -->
							</ul>
						</form>					
					</div>
				</div><!--  end each sub cate  --> 
				<div class="eachSub" id="Kaffe">
					<h2>Kaffe Specialisten</h2>
					<div id="order-table">					
						<form action="">
							<ul class="table">
								<li class="table-caption clear-fix">
									<div class="table-col table-col-1">Varenr</div>
									<div class="table-col table-col-2">Varenavn</div>
									<div class="table-col table-col-3">Producent</div>
									<div class="table-col table-col-4">Enhed</div>
									<div class="table-col table-col-5">Enhed/colli</div>
									<div class="table-col table-col-6">Pris/enhed</div>
									<div class="table-col table-col-7">Antal colli</div>
								</li>
								<?php for($i = 0; $i < 10; $i++){?>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order" data-reveal-id="prdDetail">Order</a>
										<div id="prdDetail-1" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<?php } ?>
							</ul>
						</form>					
					</div>
				</div><!--  end each sub cate  -->
				<div class="eachSub" id="Lavazza">
					<h2>Lavazza</h2>
					<div id="order-table">					
						<form action="">
							<ul class="table">
								<li class="table-caption clear-fix">
									<div class="table-col table-col-1">Varenr</div>
									<div class="table-col table-col-2">Varenavn</div>
									<div class="table-col table-col-3">Producent</div>
									<div class="table-col table-col-4">Enhed</div>
									<div class="table-col table-col-5">Enhed/colli</div>
									<div class="table-col table-col-6">Pris/enhed</div>
									<div class="table-col table-col-7">Antal colli</div>
								</li>
								<?php for($i = 0; $i < 10; $i++){?>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order" data-reveal-id="prdDetail">Order</a>
										<div id="prdDetail-1" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<?php } ?>
							</ul>
						</form>					
					</div>
				</div><!--  end each sub cate  --> 
				<div class="eachSub" id="Enzo">
					<h2>Enzo</h2>
					<div id="order-table">					
						<form action="">
							<ul class="table">
								<li class="table-caption clear-fix">
									<div class="table-col table-col-1">Varenr</div>
									<div class="table-col table-col-2">Varenavn</div>
									<div class="table-col table-col-3">Producent</div>
									<div class="table-col table-col-4">Enhed</div>
									<div class="table-col table-col-5">Enhed/colli</div>
									<div class="table-col table-col-6">Pris/enhed</div>
									<div class="table-col table-col-7">Antal colli</div>
								</li>
								<?php for($i = 0; $i < 10; $i++){?>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order" data-reveal-id="prdDetail">Order</a>
										<div id="prdDetail-1" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<?php } ?>
							</ul>
						</form>					
					</div>
				</div><!--  end each sub cate  --> 
				<div class="eachSub" id="Te">
					<h2>Te</h2>
					<div id="order-table">					
						<form action="">
							<ul class="table">
								<li class="table-caption clear-fix">
									<div class="table-col table-col-1">Varenr</div>
									<div class="table-col table-col-2">Varenavn</div>
									<div class="table-col table-col-3">Producent</div>
									<div class="table-col table-col-4">Enhed</div>
									<div class="table-col table-col-5">Enhed/colli</div>
									<div class="table-col table-col-6">Pris/enhed</div>
									<div class="table-col table-col-7">Antal colli</div>
								</li>
								<?php for($i = 0; $i < 10; $i++){?>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order" data-reveal-id="prdDetail">Order</a>
										<div id="prdDetail-1" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<?php } ?>
							</ul>
						</form>					
					</div>
				</div><!--  end each sub cate  --> 
				<div class="eachSub" id="Chai">
					<h2>Chai</h2>
					<div id="order-table">					
						<form action="">
							<ul class="table">
								<li class="table-caption clear-fix">
									<div class="table-col table-col-1">Varenr</div>
									<div class="table-col table-col-2">Varenavn</div>
									<div class="table-col table-col-3">Producent</div>
									<div class="table-col table-col-4">Enhed</div>
									<div class="table-col table-col-5">Enhed/colli</div>
									<div class="table-col table-col-6">Pris/enhed</div>
									<div class="table-col table-col-7">Antal colli</div>
								</li>
								<?php for($i = 0; $i < 10; $i++){?>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>								
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order" data-reveal-id="prdDetail">Order</a>
										<div id="prdDetail-1" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<?php } ?>
							</ul>
						</form>					
					</div>
				</div><!--  end each sub cate  -->
				<div class="eachSub" id="Pukka">
					<h2>Pukka</h2>
					<div id="order-table">					
						<form action="">
							<ul class="table">
								<li class="table-caption clear-fix">
									<div class="table-col table-col-1">Varenr</div>
									<div class="table-col table-col-2">Varenavn</div>
									<div class="table-col table-col-3">Producent</div>
									<div class="table-col table-col-4">Enhed</div>
									<div class="table-col table-col-5">Enhed/colli</div>
									<div class="table-col table-col-6">Pris/enhed</div>
									<div class="table-col table-col-7">Antal colli</div>
								</li>
								<?php for($i = 0; $i < 10; $i++){?>
								<li class="table-row clear-fix">
									<div class="table-col table-col-1">
										<a class="info-ico" data-reveal-id="prdDetail-1">Info</a>
										<p>635789</p>
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-2">Græsk yoghurt, 10%</div>
									<div class="table-col table-col-3">
										<p>Arla</p>
										<div class="col-3-setting">
											<a class="setting-1">Setting 1</a>
											<a class="setting-2">Setting 2</a>
											<a class="setting-3">Setting 3</a>
											<a class="setting-4">Setting 4</a>
											<a class="setting-5">Setting 5</a>
											<a class="setting-6">Setting 6</a>							
											<div class="clear"></div>
										</div>								
										<div class="clear"></div>
									</div>
									<div class="table-col table-col-4">1 liter</div>
									<div class="table-col table-col-5">5</div>
									<div class="table-col table-col-6">11,86 kr</div>
									<div class="table-col table-col-7">
										<input class="table-quantity" type="text" value="1"/>
										<a class="table-order" data-reveal-id="prdDetail">Order</a>
										<div id="prdDetail-1" class="reveal-modal prdDetail-div">
											<?php require ('product-detail.php'); ?>										
										     <a id="close-reveal-modal" class="close-reveal-modal"></a>
										</div>									
										<div class="clear"></div>
									</div>
								</li>
								<?php } ?>
							</ul>
						</form>					
					</div>
				</div><!--  end each sub cate  -->            
			</div>			
		</div>
		
	</div>
	<?php require_once('footer.php'); ?>
	
	<div class="bottom-body"></div>
	
</div>

</body>
</html>
